<template>

</template>

<script>
  import ImageDraggableResizable from '@/components/DraggableResizable/ImageDraggableResizable.vue'


  const eqpInfoList = [
    { imagesDir: require('@/assets/editor/1.png') },
    { imagesDir: require('@/assets/editor/2.png') },
    { imagesDir: require('@/assets/editor/3.png') },
    { imagesDir: require('@/assets/editor/4.png') }
  ]
  export default {
    name: 'eqpDesign',
    components: {
      ImageDraggableResizable
    },
    data () {

      return { eqpInfoList: eqpInfoList }

    },

    methods: {
      // getImgUrl(){
      //   return '~@/assets/logo.png';
      // }
    }
  }
</script>

<style scoped>
  .vue-draggable-resizable {
    height: 500px;
    width: 1200px;
    border: 1px solid red;
    position: relative;

    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px) 10px 20px / 20px 40px, linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px) 0% 0% / 20px 40px;
  }
</style>